<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>ButtonCss组件</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
	</head>

	<body>
		<!--
			 Bootstrap 输入框组，通过创建输入框，并嵌入常用控件
		-->
		<div class="container">
			<!--<div class="input-group">
				<span class="input-group-addon">@</span>
				<input type="text" class="form-control" placeholder="UserName" />
			</div>
			<div class="input-group">
				<input type="text" class="form-control" />
				<span class="input-group-addon">.00</span>
			</div>
			<div class="input-group">
				<span class="input-group-addon">Y</span>
				<input type="text" class="form-control" />
				<span class="input-group-addon">.00</span>
			</div>
			-->
			<div class="input-group input-group-lg">
				<span class="input-group-addon">@</span>
				<input type="text" class="form-control" placeholder="UserName" />
			</div>
			<div class="input-group input-group-sm">
			    <input class="form-control" type="text" placeholder="Password" />
				<span class="input-group-addon">密码</span>
			</div>
			<div class="input-group">
				<span class="input-group-addon">Y</span>
				<input type="text" class="form-control" />
				<span class="input-group-addon">.00</span>
			</div
			<div class="row">
				<div class="col-lg-6">
					<div class="input-group">
						<span class="input-group-btn">
						<!--<span class="input-group-addon">-->
							<!--<input type="checkbox" />-->
							<!--<input type="radio"/>-->
							<button class="btn btn-default" type="button">over</button>
						</span>
						<input type="text" class="form-control"/>
					</div>
				</div>
			</div>
			
			<div class="row">
				<div class="col-lg-6">
					<div class="input-group">
					  <div class="input-group-btn">
					  	<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action<span class="caret"></span></button>
					  	<ul class="dropdown-menu" role="menu">
					  		<li><a href="#">hello</a></li>
					  		<li><a href="#">hello</a></li>
					  		<li><a href="#">hello</a></li>
					  		<li><a href="#">hello</a></li>
					  		<li><a href="#">hello</a></li>
					  	</ul>
					  </div>
					  <input type="text" class="form-control" />
					</div>
				</div>
			</div>
		</div>
		<script  type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</body>

</html>